<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@include file="common/pages/taglibs.jsp" %>
<%@include file="common/pages/common.jsp" %>
<html>
<head>
<title>UPP-ADMIN</title>
<script type="text/javascript" src="common/js/index.js"></script>
</head>
<body>
<div class="easyui-layout" style="width:100%;height:100%;" id="upp_layout">  
        <div data-options="region:'north',split:true" style="height:50px">
        <div class="upp_top">
        <div class="upp_nav">
        <a herf="www.bc-info.net"><img src="common/images/upp_logo.png" /></a>
        <c:forEach items="${upp_login_user_menu }" var="menu" varStatus="s">
             <c:if test="${s.last }">
             	<a class="main_menu" title="${s.index }_main_menu" href="javascript:void(0);">${menu.name }</a>
             </c:if>
             <c:if test="${!s.last }">
             	<a class="main_menu" title="${s.index }_main_menu" href="javascript:void(0);">${menu.name }</a> | 
             </c:if>
		</c:forEach>
		</div>
        <div class="upp_themes"><span>登录用户：<font color="red">${upp_login_user.userName }</font></span> | 主题
        <select id="cb-theme" onchange="onChangeTheme(this.value);">
	        <option value='default'>Default</option>
			<option value='gray' >Gray</option>
			<option value='bootstrap' >Bootstrap</option>
			<option value='metro' >Metro</option>
			<option value='cupertino' >Cupertino</option>
			<option value='dark-hive' >Dark-hive</option>
			<option value='pepper-grinder' >Pepper-grinder</option>
			<option value='sunny' >Sunny</option>
        </select> | 
        <a href="${ctx }/toModifyPwdView?operatorId=${upp_login_user.operatorId}" style="text-align: right" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-edit'">修改密码</a> | 
        <a href="#" style="text-align: right" onclick="logout();" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-redo'">注销</a>
        </div>
        </div>
        </div>   
        <div data-options="region:'west',split:false" title="功能菜单" style="width:180px;" id="west_panel">
            <div id="menu_tree" class="easyui-accordion" style="height: auto">
            </div>
        </div>
        <div data-options="region:'center',iconCls:'icon-ok',split:true" id="main_panel">  
	        <div class="easyui-tabs" data-options="fit:true,border:false,plain:true" id="center-tabs">
	        	<div title="欢迎登录系统" style="padding: 5" data-options="iconCls:'icon-help',closable:true,animate:true">
	        		<div align="center">
	        			<img alt="" src="common/images/welcome.png" align="middle">
	        		</div>
	        	</div>
	        </div>
        </div>
    </div>
    <c:forEach items="${upp_login_user_menu }" var="menu0" varStatus="s">
         <div id="${s.index }_main_menu_tree" style="display:none">
	     <c:forEach items="${menu0.childrenMenus }" var="menu1">
	     	<div class="title" title="${menu1.name }" style="padding: 5">
	     		<c:forEach items="${menu1.childrenMenus }" var="menu2">
	     			<a href="#" hiddenhref="${menu2.url }" onclick="menuClick(this)" class="easyui-linkbutton" data-options="plain:true" style="width: 95%;margin-left: 2px;padding: 2px;margin-bottom: 2px;margin-top: 2px;">${menu2.name }</a>
	     		</c:forEach>
	     	</div>
	     </c:forEach>
	     </div>
	</c:forEach>
</body>
</html>